<template>
    <div class="layout flex">
        <div class="layout-left">
            <slot name="left"></slot>
        </div>
        <div class="layout-right">
            <slot name="right"></slot>
        </div>
    </div>
</template>

<script setup lang="ts"></script>

<style scoped>
.layout {
    height: 100%;
    width: 100%;
}
.layout-left {
    height: 100%;
    width: 140px;
    background-color: #f2f2f2;
}
.layout-right {
    height: 100%;
    width: calc(100% - 140px);
    overflow: auto;
    padding: 24px;
}
</style>
